<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta content="always" name="referrer">
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>茶人茶艺列表</title>
		<link rel="stylesheet" href="/LianniuWeb/tea/css/reset.css">
		<link rel="stylesheet" href="/LianniuWeb/tea/build/css/layui.css" media="all">
		<link rel="stylesheet" href="/LianniuWeb/tea/css/ydui.css" />
		<link rel="stylesheet" href="/LianniuWeb/tea/css/demo.css" />
		<link rel="stylesheet" href="/LianniuWeb/tea/views/skill-list/skill-list.css">
	</head>

	<body>
		<div class="list-box pr-relative">
			<div class="chose_bank list-item fl all-pop">
				<span class="all-item">综合排序</span>
			</div>
			<div class="list-item2 fl sell">
				<span class="sell-item">人气优先</span>
			</div>
			<div class="list-item2 fl price">
				<span class="price-item">价格由低到高</span>
			</div>
			<div class="clear"></div>
			<div class="all-detail">
				<form class="layui-form">
					<div class="sex-tit pr-relative">
						<span class="pop-tit">姓名</span>
						<span class="list-close"></span>
						<div class="check_box clear">
							<div class="l_box">
								<input type="radio" name="sex" lay-skin="primary" title="男" checked="" value="1">
								<div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><span>有</span></div>
							</div>
							<div class="l_box">
								<input type="radio" name="sex" lay-skin="primary" title="女" value="0">
								<div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><span>无</span></div>
							</div>
						</div>
					</div>
					<div class="sex-tit pr-relative">
						<span class="pop-tit">年龄</span>
						<div class="check_box clear">
							<div class="l_box">
								<input type="radio" name="age" lay-skin="primary" title="18-25" checked="" value="18-25">
								<div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><span>有</span></div>
							</div>
							<div class="l_box">
								<input type="radio" name="age" lay-skin="primary" title="25-35" value="25-35">
								<div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><span>无</span></div>
							</div>
							<div class="l_box">
								<input type="radio" name="age" lay-skin="primary" title="35以上" value="35">
								<div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><span>无</span></div>
							</div>
						</div>
					</div>
					<div class="sex-tit pr-relative">
						<span class="pop-tit">薪水价格</span>
						<div class="check_box clear">
							<div class="l_box">
								<input type="radio" name="price" lay-skin="primary" title="100-200元" checked="" value="100-200">
								<div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><span>有</span></div>
							</div>
							<div class="l_box">
								<input type="radio" name="price" lay-skin="primary" title="201-500元" value="200-500">
								<div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><span>无</span></div>
							</div>
							<div class="l_box">
								<input type="radio" name="price" lay-skin="primary" title="500元以上" value="500">
								<div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><span>无</span></div>
							</div>
						</div>
					</div>
					<div class="sex-tit pr-relative">
						<span class="pop-tit">聘用形式</span>
						<div class="check_box clear">
							<div class="l_box">
								<input type="radio" name="hire" lay-skin="primary" title="日聘" checked="" value="0" >
								<div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><span>有</span></div>
							</div>
							<div class="l_box">
								<input type="radio" name="hire" lay-skin="primary" title="月聘" value="1">
								<div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><span>无</span></div>
							</div>
						</div>
					</div>
					<div class="sex-tit pr-relative">
						<span class="pop-tit">地理位置</span>
						<div class="check_box">
							<div class="layui-input-inline cell-right cell-arrow">
								<input type="text" class="cell-input layui-input" readonly id="J_Address" placeholder="请选择地址">
							</div>
						</div>
					</div>
					<div class="sex-tit pr-relative">
						<span class="pop-tit">职业类别</span>
						<div class="check_box clear">
							<div class="l_box">
								<input type="radio" name="proType" lay-skin="primary" title="茶艺师" checked="" value="0">
								<div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><span>有</span></div>
							</div>
							<div class="l_box">
								<input type="radio" name="proType" lay-skin="primary" title="评茶员(师)" value="1">
								<div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><span>无</span></div>
							</div>
							<div class="l_box">
								<input type="radio" name="proType" lay-skin="primary" title="茶叶加工师(制茶师)" checked="" value="2">
								<div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><span>有</span></div>
							</div>
							<div class="l_box">
								<input type="radio" name="proType" lay-skin="primary" title="茶园园艺工" value="3">
								<div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><span>无</span></div>
							</div>
							<div class="l_box">
								<input type="radio" name="proType" lay-skin="primary" title="中国传统乐师" checked="" value="4">
								<div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><span>有</span></div>
							</div>
							<div class="l_box">
								<input type="radio" name="proType" lay-skin="primary" title="其他中国传统文化艺人" value="5">
								<div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><span>无</span></div>
							</div>
						</div>
					</div>
					<div class="pop-btn">
						<a href="#" class="layui-btn layui-btn-radius">完成</a>
					</div>
				</form>
			</div>
		</div>
		<div class="skill-other">
		</div>
		<script type="text/javascript" src="/LianniuWeb/tea/js/flexible.js"></script>
		<script type="text/javascript" src="/LianniuWeb/tea/js/jquery-1.11.3.min.js"></script>
		<script src="/LianniuWeb/tea/build/layui.js" charset="utf-8"></script>
		<script src="/LianniuWeb/tea/js/ydui.citys.js"></script>
		<script src="/LianniuWeb/tea/js/ydui.js"></script>
		<script type="text/javascript" src="/LianniuWeb/js/commons/commons.js"></script>
		<script type="text/javascript"
			src="/LianniuWeb/tea/views/skill-list/skill-list.js"></script><!-- -->
		<script type="text/javascript">
			! function() {
				var $target = $('#J_Address');

				$target.citySelect();

				$target.on('click', function(event) {
					event.stopPropagation();
					$target.citySelect('open');
				});

				$target.on('done.ydui.cityselect', function(ret) {
					$(this).val(ret.provance + ' ' + ret.city + ' ' + ret.area);
				});
			}();
			layui.use(['layer', 'form'], function() {
				var form = layui.form();
			});


			$('.all-pop').on('click', function() {
				/* $(this).addClass('green-item');
				$('.sell,.price').children().removeClass('chose-sel');
				 */
				$('.price-item').removeAttr("style");
				$('.sell-item').removeAttr("style");
				$('.all-item').attr('style',"color:#01cb72");
				$('.all-detail').css({
					'display': 'block'
				})
			});

			$('.list-close').on('click', function() {
				$('.all-detail').css({
					'display': 'none'
				})
			});
		</script>
	</body>

</html>